<template>
	<view class="box">


		<view class="concat-box">
			<view class="concat-tel-title">
				企业服务电话
			</view>
			<view class="other-concat">
				或联系公众号在线客服
			</view>
			<view class="tel">
				400-088-8866
			</view>
			<view class="atonce-call">
				立即拨打
			</view>
			<view class="concat-tel-title">
				产品疑问或咨询
			</view>
			<view class="other-concat">
				或联系公众号在线客服
			</view>
			<view class="tel">
				400-088-7777
			</view>
			<view class="atonce-call">
				立即拨打
			</view>
		</view>
		<view class="concat-box" style="padding-bottom: 20rpx;">
			<view style="font-size:24rpx;color: #999;font-weight: 500;text-align: center;padding-top: 40rpx;">
				商务合作请联系我们在线客服
			</view>
			<view class="online-server flex flai fljc">
				<image src="../../static/image/myHelp_11.png" mode=""></image>
				<text>在线客服</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	@import url("../../static/css/common.css");

	.box {
		height: 100%;
		overflow: hidden;
	}

	.concat-box {
		width: 690rpx;
		/* 	height:650rpx; */
		background: rgba(255, 255, 255, 1);
		border-radius: 30rpx;
		margin-left: 30rpx;
		margin-top: 40rpx;
		padding-bottom: 45rpx;
	}

	.concat-tel-title {
		font-size: 30rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: rgba(17, 17, 17, 1);
		text-align: center;
		padding-top: 45rpx;
	}

	.other-concat {
		font-size: 24rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: rgba(153, 153, 153, 1);
		text-align: center;
		padding-top: 5rpx;
	}

	.tel {
		font-size: 36rpx;
		font-family: PingFang SC;
		font-weight: 800;
		color: rgba(124, 189, 57, 1);
		text-align: center;
		padding-top: 5rpx;
	}

	.atonce-call {
		width: 320rpx;
		height: 88rpx;
		background: rgba(123, 187, 56, 1);
		border-radius: 44rpx;
		font-size: 34rpx;
		font-family: PingFang SC;
		font-weight: 800;
		line-height: 88rpx;
		text-align: center;
		color: rgba(255, 255, 255, 1);
		margin: 20rpx auto;
	}

	.atonce-call:active {
		opacity: 0.7;
	}

	.online-server {
		text-align: center;
		height: 80rpx;
		line-height: 80rpx;
	}

	.online-server:active {
		background: #F8F8F8;
	}

	.online-server image {
		width: 24rpx;
		height: 24rpx;
		margin-right: 6rpx;
	}

	.online-server text {
		font-size: 24rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: rgba(123, 187, 56, 1);
	}
</style>
